<!-- TEMPLATE table_mode_1 -->
<div style="border:1px solid; margin: 2px 2px; padding: 5px; height:50px">
    <a name="el${id}"></a>
    <b class="h" rel="${id}">${name}</b>
    <p>${description}</p>
</div>
<!-- TEMPLATE table_mode_2 -->
<div style="border:1px solid; margin: 2px 2px; padding: 5px; height:150px; width: 140px; float: left">
    <a name="el${id}"></a>
    <b class="h" rel="${id}">${name}</b>
    <p>${description}</p>
</div>
<!-- TEMPLATE table_mode_3 -->
<div style="border-bottom:1px solid; margin: 2px 0; padding: 5px;">
    <a name="el${id}"></a>
    <b class="h" rel="${id}">${name}</b>
    <p>${description}</p>
</div>
<!-- TEMPLATE item -->
<b class="h" rel="${id}">${name}</b>
<p>${description}</p>
<ul>
    {{each items}}
    <li title="${description}">${name} - ${value}</li>
    {{/each}}
</ul>
<!-- TEMPLATE product -->
<table>
    <tr>
        <td colspan="2"><h2>${name}</h2></td>
    </tr>
    <tr>
        <td><div class="image" style="width: 500px; height: 500px; border: 1px solid">{{each image}}<div rel="${$value}"></div>{{/each}}</div></td>
        <td>
            <ul>
                {{each items}}
                <li title="${description}">${name} - ${value}</li>
                {{/each}}
            </ul>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div class="tabs">
                <ul>
                    <li><a href="#description">Descriptions</a></li>
                    <li><a href="#comments">Comments</a></li>
                </ul>
                <div id="description">
                    <p>${description}</p>
                </div>
                <div id="comments">
                    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
                </div>
            </div>
        </td>
    </tr>
</table>
<!-- TEMPLATE image_gallery -->
<div class='current' style='border:1px solid; width:100%;'></div>
<div class='list' style='padding: 5px 0; overflow: auto; height:67px;'>
    <table cellpadding="0" cellspacing="0" border="0"><tr>
    {{each list}}<td><div rel='${$value}' style='height:50px;width:50px;margin:0 2px;border:1px solid;' class="img_list"></div></td>{{/each}}
    </tr></table>
</div>